<%@ page contentType="text/html;charset=UTF-8"%>
<%@include file="module/common.jsp"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="cosmo云工厂">
    <meta name="Keywords" content="cosmo,cosmo云工厂">
    <title>cosmo云工厂</title>
    <link href="${ctxStatic}/cloudfactory/css/basic.css" rel="stylesheet" type="text/css" />
    <link href="${ctxStatic}/cloudfactory/css/main.css" rel="stylesheet" type="text/css" />
        <link href="${ctxStatic}/cloudfactory/css/flex.css" rel="stylesheet" type="text/css" />
    <link href="${ctxStatic}/cloudfactory/css/cloudFoundry.css" rel="stylesheet" type="text/css" />
    <!–[if lt IE9]>
    <script src="${ctxStatic}/cloudfactory/js/html5.js"></script>
    <![endif]–>
</head>

<body>
<div class="sys_warp">
    <!--header开始-->
    <jsp:include page="module/userCenterhead.jsp" flush="true" />
    <!--header结束,banner开始-->
   
    <!--banner结束,主体开始-->
    <div class="container child_container">
        <div class="sys_width">
            <!--用户信息-->
            <section class="user__info mb_30">
                <div class="row mb_30">
                    <div class="user__img tx-center">
                        <img style="display: inline;" src="${ctxStatic}/cloudfactory/img/ic_user.png" alt="">
                    </div>
                    <div class="user__detail">
                        <span>客户昵称</span>
                        <b class="tc-fff">未认证</b>
                        <i class="ic__msg"></i>
                        <p><a class="tc-blue" href="###">【系统公告】 08-07   权限中心功能全面升级</a></p>
                    </div>
                </div>
                <ul class="row usg__ul">
                    <li class="usg__li">
                        <div class="row usg__title mb_10">
                            <i class="user__ic1"></i>
                            <h3 class="tc-blue">&ensp;我的消息</h3>
                        </div>
                        <ul class="usg__cont bc-fff">
                            <li class="clearfix">
                                <p class="float_l usg_ct g_title1" title="您的订单已经审核通过"><a href="###">您的订单已经审核通过</a></p>
                                <p class="float_r usg_cd tx-right">08-10</p>
                            </li>
                            <li class="clearfix">
                                <p class="float_l usg_ct g_title1" title="您有待续费订单，请及时查看"><a href="###">您有待续费订单，请及时查看</a></p>
                                <p class="float_r usg_cd tx-right">08-08</p>
                            </li>
                            <li class="clearfix">
                                <p class="float_l usg_ct g_title1" title="您的订单已经审核通过"><a href="###">您的订单已经审核通过</a></p>
                                <p class="float_r usg_cd tx-right">08-04</p>
                            </li>
                        </ul>
                    </li>
                    <li class="usg__li">
                        <div class="row usg__title mb_10">
                            <i class="user__ic2"></i>
                            <h3 class="tc-blue">&ensp;近期消费</h3>
                        </div>
                        <div class="usg__cont bc-fff">
                            <div class="clearfix usg_cbox">
                                <p class="float_l tc-yel">八月消费</p>
                                <p class="float_r tc-yel">消费汇总</p>
                            </div>
                            <div class="usg__money tc-blue tx-center">
                                <span>0.00</span>/元
                            </div>
                        </div>
                    </li>
                    <li class="usg__li">
                        <div class="row usg__title mb_10">
                            <i class="user__ic3"></i>
                            <h3 class="tc-blue">&ensp;待办事项</h3>
                        </div>
                        <ul class="usg__cont usg__todo bc-fff">
                            <li class="clearfix">
                                <p class="float_l usg_ct g_title1" title="可开票"><a href="###">可开票</a></p>
                                <p class="float_r usg_cd tx-right">0</p>
                            </li>
                            <li class="clearfix">
                                <p class="float_l usg_ct g_title1" title="待续费订单"><a href="###">待续费订单</a></p>
                                <p class="float_r usg_cd tx-right">0</p>
                            </li>
                            <li class="clearfix">
                                <p class="float_l usg_ct g_title1" title="待续费订单"><a href="###">待续费订单</a></p>
                                <p class="float_r usg_cd tx-right">0</p>
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
            <!--订单中心&推荐应用-->
            <section class="user__part2 row mb_30">
                <div class="order__center">
                    <div class="pslide__top row items__top ps_r">
                        <i class="order__ic"></i>
                        <div class="items__title">
                            <p class="tc-yel">ORDER <span class="tc-fff">CENTER</span></p>
                            <h3 class="tc-fff">订单中心</h3>
                        </div>
                        <p class="row ts_more"><a class="tc-fff" href="###">查看详情</a></p>
                    </div>
                    <div class="oc__cont bc-fff">
                        
                        <div class="order_list_title bc-blue row tc-fff">
                            <div class="order_col_1">订单号</div>
                            <div class="order_col_2">订单状态</div>
                            <div class="order_col_3">&emsp;</div>
                        </div>
                        <ul class="order__status">
                            <!--待审核-->
                            <li class="order__status_li">
                                <ul class="order_list_cont row tc-fff">
                                    <c:forEach items="${cloudfactoryOrder}" var="c">
                                    <li class="row sys_wrap">
                                        <div class="order_col_1">${c.orderNo} </div>
                                        <div class="order_col_2">${fns:getDictLabel(c.status, 'audit_status', '')}</div>
                                        <div class="order_col_3"><a class="tc-blue" onclick="look('${c.orderNo}')">点击进入</a></div>
                                    </li>
                                    </c:forEach>
                                    
                                </ul>
                            </li>
                            <!--已通过-->
                            <li class="order__status_li" style="display: none;">
                                <ul class="order_list_cont row tc-fff">
                                    <li class="row sys_wrap">
                                        <div class="order_col_1">QD053210032</div>
                                        <div class="order_col_2">已通过</div>
                                        <div class="order_col_3"><a class="tc-blue" href="myOrder.html">点击进入</a></div>
                                    </li>
                                    <li class="row sys_wrap">
                                        <div class="order_col_1">QD053210031</div>
                                        <div class="order_col_2">已通过</div>
                                        <div class="order_col_3"><a class="tc-blue" href="myOrder.html">点击进入</a></div>
                                    </li>
                                    <li class="row sys_wrap">
                                        <div class="order_col_1">QD053210030</div>
                                        <div class="order_col_2">已通过</div>
                                        <div class="order_col_3"><a class="tc-blue" href="myOrder.html">点击进入</a></div>
                                    </li>
                                    <li class="row sys_wrap">
                                        <div class="order_col_1">QD053210028</div>
                                        <div class="order_col_2">已通过</div>
                                        <div class="order_col_3"><a class="tc-blue" href="myOrder.html">点击进入</a></div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <section class="basickit bc-fff">
                    <div class="bas__top row mb_30">
                        <i class="bas__ic"></i>
                        <div class="bas__title">
                            <p class="tc-yel">BASIC <span class="tc-blue">KIT</span></p>
                            <h3 class="tc-blue">推荐应用</h3>
                        </div>
                    </div>
                    <ul class="bas__list">
                        <li class="row">
                            <div class="bas__btn tx-center"><a class="tc-fff" href="proDetail.html">权限中心</a></div>
                            <p class="g_title1" title="用户信息维护，用户授权，数据权限">用户信息维护，用户授权，数据权限</p>
                        </li>
                        <li class="row">
                            <div class="bas__btn tx-center tc-fff"><a class="tc-fff" href="proDetail.html">工作中心</a></div>
                            <p class="g_title1" title="用户信息维护，用户授权，数据权限">用户信息维护，用户授权，数据权限</p>
                        </li>
                        <li class="row">
                            <div class="bas__btn tx-center tc-fff"><a class="tc-fff" href="proDetail.html">权限中心</a></div>
                            <p class="g_title1" title="用户信息维护，用户授权，数据权限">用户信息维护，用户授权，数据权限</p>
                        </li>
                        <li class="row">
                            <div class="bas__btn tx-center tc-fff"><a class="tc-fff" href="proDetail.html">工作中心</a></div>
                            <p class="g_title1" title="用户信息维护，用户授权，数据权限">用户信息维护，用户授权，数据权限</p>
                        </li>
                        <li class="row">
                            <div class="bas__btn tx-center tc-fff"><a class="tc-fff" href="proDetail.html">权限中心</a></div>
                            <p class="g_title1" title="用户信息维护，用户授权，数据权限">用户信息维护，用户授权，数据权限</p>
                        </li>
                    </ul>
                </section>
            </section>
            <!--我的收藏-->
            <section class="pro__main my__collect mb_30">
                <div class="pro-main__title ps_r row">
                    <i class="pro-main__ic ic_collect"></i>
                    <div class="bas__title">
                        <p class="tc-yel">MY <span class="tc-fff">COLLECTION</span></p>
                        <h3 class="tc-fff">我的收藏</h3>
                    </div>
                    <p class="row ts_more"><a class="tc-fff" href="collection.html">查看详情</a></p>
                </div>
                <div class="collect_cont bc-fff">
                    <div class="collect_item row">
                        <div class="c_item_name f_bdr tx-center">仓储</div>
                        <ul class="row f_bdr">
                            <!--最多九个-->
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                        </ul>
                        <div class="c_item_name tx-center"><a class="tc-blue" href="collection.html">更多</a></div>
                    </div>
                    <div class="collect_item row">
                        <div class="c_item_name f_bdr tx-center">生产</div>
                        <ul class="row f_bdr">
                            <!--最多九个-->
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                        </ul>
                        <div class="c_item_name tx-center"><a class="tc-blue" href="collection.html">更多</a></div>
                    </div>
                    <div class="collect_item row">
                        <div class="c_item_name f_bdr tx-center">设备</div>
                        <ul class="row f_bdr">
                            <!--最多九个-->
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >权限中心</a></li>
                            <li class="bc-blue"><a class="tc-fff" >工作中心</a></li>
                        </ul>
                        <div class="c_item_name tx-center"><a class="tc-blue" href="collection.html">更多</a></div>
                    </div>
                </div>
            </section>
            <!--监控-->
            <ul class="user_monitor pb_40 row">
                <li class="user_monitor_li bc-fff">
                    <div class="user_monitor_title row">
                        <h3 class="tc-blue">云监控</h3>
                        <i class="um_ic1"></i>
                    </div>
                    <ul class="usg__cont" style="border:0">
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="警告"><a href="###">警告</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">0</p>
                        </li>
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="数据不足"><a href="###">数据不足</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">1</p>
                        </li>
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="近七天警告次数"><a href="###">近七天警告次数</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">0</p>
                        </li>
                    </ul>
                </li>
                <li class="user_monitor_li bc-fff">
                    <div class="user_monitor_title row">
                        <h3 class="tc-blue">ECS资源监控</h3>
                        <i class="um_ic2"></i>
                    </div>
                    <ul class="usg__cont" style="border:0">
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="CPU使用率"><a href="###">CPU使用率</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">50%</p>
                        </li>
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="磁盘读取率"><a href="###">磁盘读取率</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">8.88KB/S</p>
                        </li>
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="网络流入速率"><a href="###">网络流入速率</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">5.00Kbit/s</p>
                        </li>
                    </ul>
                </li>
                <li class="user_monitor_li bc-fff">
                    <div class="user_monitor_title row">
                        <h3 class="tc-blue">云主机安全</h3>
                        <i class="um_ic3"></i>
                    </div>
                    <ul class="usg__cont" style="border:0">
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="未开启防护"><a href="###">未开启防护</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">0</p>
                        </li>
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="已开启防护"><a href="###">已开启防护</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">0</p>
                        </li>
                        <li class="clearfix">
                            <p class="float_l usg_ct g_title1" title="安全风险"><a href="###">安全风险</a></p>
                            <p class="float_r usg_cd tx-right tc-yel">0</p>
                        </li>
                    </ul>
                </li>

            </ul>
        </div>
    </div>
    <!--主体结束,footer开始-->
    <jsp:include page="module/foot.jsp" flush="true" />
    <!--footer结束-->
</div>
</body>
<script type="text/javascript" src="${ctxStatic}/cloudfactory/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/cloudfactory/js/main.js"></script>
<script>


function submitbtn() {
	var reg = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9])|(18[0-9]{1}))+\d{8})$/;
	var emalReg = /^([a-zA-Z0-9]*[-_.]?[a-zA-Z0-9]+)*@([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)+[\\.][A-Za-z]{2,3}([\\.][A-Za-z]{2})?$/;
	var name = $("#name").val();
	var psw = $("#psw").val();
	var repPsw = $("#repPsw").val();
	var phone = $("#phone").val();
	var mail = $("#mail").val();
	if(psw != repPsw) {
		$("#message").html("输入的两次密码不一致");
		$("#message").show();//显示  
		return ;
	}
	var result = emalReg.test(mail);
	if (!result) {
		$("#message").html("请输入正确的邮箱地址");
		$("#message").show();//显示  
		return ;
	}
	
	if (phone.length != 11) {
		$("#message").html("请输入有效的手机号位数");
		$("#message").show();//显示  
		return ;
	}
	var result = reg.test(phone);
	if (!result) {
		$("#message").html("请输入有效的手机号");
		$("#message").show();//显示  
		return ;
	}
	if(!$("input[type='checkbox']").is(':checked')){
		$("#message").html("请先阅读《COSMO云工厂用户协议》和隐私协议，并确认");
		$("#message").show();//显示  
		return ;
	}
	$("#message").hide();
	
	$.ajax({
		//几个参数需要注意一下
		type : "GET",//方法类型
		dataType : "json",//预期服务器返回的数据类型
		url : "${ctx}/loginCenter/saveRegister",//url
		data : {
			name:name,
			psw:psw,
			mail:mail,
			phone:phone
		},
		success : function(result) {
			debugger;
			if (result.success == "success") {
				
				alert("注册成功");

				window.location.href = "${ctx}/loginCenter/goIndex?id="+result.id;
			} else {
				$("#message").html(alert(result.success));
				$("#message").show();//显示  
				return false;
			}
		},
		error : function(result) {
			$("#message").html("注册异常");
			$("#message").show();//显示  
			return ;
		}
	});
	
	
}

function look(orderNo) {
	
	window.location.href="${ctx}/order/lookBuyCar?orderNo="+orderNo;
}
    $(function(){
        indexInit();
    });
</script>
</html>